// 原子化样式
body{
    font-size: 2.4rem;
}

.fs-20{
    font-size: 2rem;
}
.fs-22{
    font-size: 2.2rem;
}
.fs-24{
    font-size: 2.4rem;
}
.fs-26{
    font-size: 2.6rem;
}
.fs-28{
    font-size: 2.8rem;
}
.fs-30{
    font-size: 3rem;
}
.fs-40{
    font-size: 4rem;
}

.flex{
    display: flex;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.align-center{
    align-items: center;
}
.flex-direction{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}

.p-40{
    padding: 4rem;
}
.p-20{
    padding: 2rem;
}

.m-10{
    margin: 1rem;
}
.m-15{
    margin: 1.5rem;
}
.m-20{
    margin: 2rem;
}
.mt-10{
    margin-top: 1rem;
}
.mt-15{
    margin-top: 1.5rem;
}
.mt-20{
    margin-top: 2rem;
}
.mt-30{
    margin-top: 3rem;
}
.mt-40{
    margin-top: 4rem;
}

.text-center{
    text-align: center;
}